<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="">
<title></title> 
  
<link rel="stylesheet" href="dist/css/bootstrap.min.css">
<link rel="stylesheet" href="css/font-awesome.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/luntan.css">
<script src="dist/js/jquery-3.0.0.min.js"></script>
<script src="dist/js/bootstrap.min.js"></script>
<script src="js/JavaScript.js"  type="text/javascript"></script>
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.2/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
  <div class="content-bg"></div>

<div class="navbar-fixed-top">
 <ul class="flexy-menu orange">
		<li class=""><a href="index.html"><i class="icon-tasks">
		</i>首页</a></li>
		<li><a href=""><i class="icon-cogs"></i>Services</a></li>
		<li><a href="#"><i class="icon-th"></i>友情链接</a><ul>
            <li><a href="">豆瓣读书</a></li>
			<li><a href="">推理小说专区</a></li>
			<li><a href="#">书店</a>
              <ul>
				<li><a href="http://www.dangdang.com/">当当网</a></li>
				<li><a href="https://www.amazon.cn/">亚马逊</a></li>
				<li><a href="http://www.kongfz.com/">孔夫子</a></li>
				<li><a href="https://read.jd.com/">京东商城</a></li>
            
			  </ul>
			</li>
			<li><a href="">文学吧</a></li>
			<li><a href=""></a></li>
		</ul>
		</li>
		<li><a href="%E8%AE%BA%E5%9D%9B.html"><i class="icon-bullhorn"></i>论坛</a></li>
		<li><a href=""><i class="icon-envelope"></i>ABOUT</a></li>
 </ul>
</div>
    <div class="whole-bg"></div>
    <div class="container">
  
    <div class="col-md-12 whole">

 <div class="col-md-6" id="tplb">

  <div id="myCarousel" class="carousel slide">
    <!-- 轮播（Carousel）指标 -->
    <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
        <li data-target="#myCarousel" data-slide-to="3"></li>
    </ol>   
    <!-- 轮播（Carousel）项目 -->
    <div class="carousel-inner">
        <div class="item active">
            <img src="img/2.jpg" alt="First slide">
            <div class="carousel-caption">
            <a href="http://product.dangdang.com/23270793.html"><button class="btn btn-success">了解更多</button></a>
            </div>
        </div>
        <div class="item">
            <a href="http://www.newstarpress.com/p-57-0.html">
                <img src="img/3.jpg" alt="Second slide">
            </a>
            <div class="carousel-caption">
             <h3>书 论坛</h3>
             <p></p>
            </div>
        </div>
        <div class="item">
            <a href="http://www.tuilixy.net/plugin.php?id=password"><img src="img/5.jpg" alt="Third slide"></a>
        </div>
        <div class="item">
            <img src="img/4.jpg" alt="fouth slide">
        </div>
    </div>
    <!-- 轮播（Carousel）导航 -->
   <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
 <span class="glyphicon glyphicon-chevron-left"></span>
 </a>
 <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
 <span class="glyphicon glyphicon-chevron-right"></span>
 </a>
  </div>
  </div>
        
        
<div class="col-md-4  pull-right side"></div>



       

        
       <a href="%E8%AE%BA%E5%9D%9B%20-%20%E8%B4%B4.html">
        <div class="col-sm-12 col-md-7 tie">
        	<h3 class="">纳尼哟</h3>
        	<p>注意事项：在做这些事的时候，不要听旁边高手说什么搞网站要用LINUX，PHP是最好的语言之类，那些东西只会让人偏离事物的本质。</p> 
        </div></a>
     <div class="col-sm-12 col-md-7  tie">
            <h3 class="">纳尼哟</h3>
        	<p>注意事项：在做这些事的时候，不要听旁边高手说什么搞网站要用LINUX，PHP是最好的语言之类，那些东西只会让人偏离事物的本质。</p> 
     </div>
     <div class="col-sm-12 col-md-7  tie">
            <h3 class="">纳尼哟</h3>
        	<p>注意事项：在做这些事的时候，不要听旁边高手说什么搞网站要用LINUX，PHP是最好的语言之类，那些东西只会让人偏离事物的本质。</p> 
     </div>
     <div class="col-sm-12 col-md-7  tie">
            <h3 class="">纳尼哟</h3>
        	<p>注意事项：在做这些事的时候，不要听旁边高手说什么搞网站要用LINUX，PHP是最好的语言之类，那些东西只会让人偏离事物的本质。</p> 
     </div>
     <div class="col-sm-12 col-md-7  tie">
            <h3 class="">纳尼哟</h3>
        	<p>注意事项：在做这些事的时候，不要听旁边高手说什么搞网站要用LINUX，PHP是最好的语言之类，那些东西只会让人偏离事物的本质。</p> 
     </div>
     <div class="col-sm-12 col-md-7  tie">
            <h3 class="">纳尼哟</h3>
          <p>注意事项：在做这些事的时候，不要听旁边高手说什么搞网站要用LINUX，PHP是最好的语言之类，那些东西只会让人偏离事物的本质。</p> 
     </div>
      <div class="col-sm-12 col-md-7  tie">
            <h3 class="">纳尼哟</h3>
          <p>注意事项：在做这些事的时候，不要听旁边高手说什么搞网站要用LINUX，PHP是最好的语言之类，那些东西只会让人偏离事物的本质。</p> 
     </div>

     <div class="col-md-7 col-sm-12">
         
 
    <label for="name">发帖</label>
    <input type="text" class="form-control" placeholder="标题">
     <div class="form-group">
    <button type="button" class="btn btn-default btn-md"><span class="glyphicon glyphicon-align-justify"></span></button>
    <button type="button" class="btn btn-default btn-md"><span class="glyphicon glyphicon-italic"></span></button>
    <button type="button" class="btn btn-default btn-md"><span class="glyphicon glyphicon glyphicon-align-center"></span></button>
    <button type="button" class="btn btn-default btn-md"><span class="glyphicon glyphicon-picture"></span></button>

    <textarea class="form-control" rows="8"></textarea>
    <label for="name"></label>
    <button class="btn btn-info pull-right">发帖</button>

  </div>
  </div>
 
  
     </div>










 <nav class="c-page">
  <ul class="pagination">
    <li><a href="#">&laquo;</a></li>
    <li><a href="#">1</a></li>
    <li><a href="#">2</a></li>
    <li><a href="#">3</a></li>
    <li><a href="#">4</a></li>
    <li><a href="#">5</a></li>
    <li><a href="#">&raquo;</a></li>
  </ul>
</nav>
    </div>
    
    <div class="clearfix"></div>

    <div class="foot">
       
   </div> 

    
  
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
</body>
     
</html>

















